<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/nav.css">
    <link rel="stylesheet" href="../css/detail.css">
    <title>移库明细</title>
</head>

<body>
    <div class="box">
        <div class="nav">
            <div>
                <div>
                    <img src="../images/mylogo.png" >
                    <p>数值化档案管理</p>
                </div>
            </div>
            <div>
                <div>
                    <div>
                        <a href="../page/home.html">
                            <p>首界面</p>
                        </a>
                    </div>
                    <div>
                        <a href="#">
                            <p>案卷管理</p>
                        </a>
                        <div>
                            <a href="../page/management.html">
                                <p>签收管理</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>库房管理</p>
                        </a>
                        <div>
                            <a href="../page/storeHouse.html">
                                <p>库房信息</p>
                            </a>
                            <a href="../page/storeShelf.html">
                                <p>库架信息</p>
                            </a>
                            <a href="../page/LayerInformation.html">
                                <p>层格信息</p>
                            </a>
                            <a href="../page/BoxInformation.html">
                                <p>盒子信息</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>入库管理</p>
                        </a>
                        <div>
                            <a href="../page/File warehousing.html">
                                <p>档案入库</p>
                            </a>
                            <a href="../page/Inventory records.html">
                                <p>入库记录</p>
                            </a>
                            <a href="#">
                                <p>盒号打印</p>
                            </a>
                            <a href="../page/File number printing.html">
                                <p>档案号打印</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>档案管理</p>
                        </a>
                        <div>
                            <a href="../page/archiveManagement.html">
                                <p>退/还案管理</p>
                            </a>
                            <a href="../page/archiveManagementDetail.html">
                                <p>退/还案明细</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>移库管理</p>
                        </a>
                        <div>
                            <a href="../page/system-archives.html">
                                <p>档案移库</p>
                            </a>
                            <a href="../page/system-detail.html" class="on">
                                <p>移库明细</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>档案影像</p>
                        </a>
                        <div>
                            <a href="../page/system-film.html">
                                <p>影像查询</p>
                            </a>
                            <a href="#">
                                <p>影像录入</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>实体借阅</p>
                        </a>
                        <div>
                            <a href="../page/entityBorrowapplication.html">
                                <p>借阅申请</p>
                            </a>
                            <a href="#">
                                <p>借阅审批</p>
                            </a>
                            <a href="#">
                                <p>借阅出库</p>
                            </a>
                            <a href="#">
                                <p>借阅归还</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>电子借阅</p>
                        </a>
                        <div>
                            <a href="../page/BorrowingApply.html">
                                <p>借阅申请</p>
                            </a>
                            <a href="../page/BorrowingExamination.html">
                                <p>借阅审批</p>
                            </a>
                            <a href="../page/BorrowingDetail.html">
                                <p>借阅明细</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>统计报表</p>
                        </a>
                        <div>
                            <a href="#">
                                <p>签收统计</p>
                            </a>
                            <a href="#">
                                <p>入库统计</p>
                            </a>
                            <a href="#">
                                <p>电子借阅统计</p>
                            </a>
                            <a href="#">
                                <p>实体借阅统计</p>
                            </a>
                            <a href="#">
                                <p>档案库存数统计</p>
                            </a>
                            <a href="#">
                                <p>档案状态统计</p>
                            </a>
                            <a href="#">
                                <p>用户登录统计</p>
                            </a>
                            <a href="#">
                                <p>影像上传统计</p>
                            </a>
                            <a href="#">
                                <p>影像浏览统计</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>日志管理</p>
                        </a>
                        <div>
                            <a href="../page/logManagement.html">
                                <p>系统操作日志</p>
                            </a>
                            <a href="../page/ImageryBrowsingLogs.html">
                                <p>影像浏览日志</p>
                            </a>
                            <a href="#">
                                <p>影像上传日志</p>
                            </a>
                            <a href="#">
                                <p>用户登录日志</p>
                            </a>
                        </div>
                    </div>
                    <div>
                        <a href="#">
                            <p>系统管理</p>
                        </a>
                        <div>
                            <a href="../page/systemUser.html">
                                <p>用户管理</p>
                            </a>
                            <a href="../page/systemRole.html">
                                <p>角色管理</p>
                            </a>
                            <a href="../page/systemGrade.html">
                                <p>等级管理</p>
                            </a>
                            <a href="#">
                                <p>机构管理</p>
                            </a>
                            <a href="#">
                                <p>流程管理</p>
                            </a>
                            <a href="#">
                                <p>档案轨迹</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="content-header">
                <div>
                    <div><img src="../images/list.jpg" alt=""></div>
                    <div>
                        <img src="../images/ling.jpg" alt="">
                        <div></div>
                        <div>
                            赵肖
                        </div>
                    </div>
                </div>
                <div>
                    <div>
                        移库管理 / 移库明细
                    </div>
                </div>
            </div>
            <div class="content-content">


              <div class="right">
               
               
                <div class="body">
                  <div class="input-area">
                    <div class="searchBox">
                      <form class="form-inline">
                        <div class="top">
                          <div class="form-group">
                            <label for="">收件编号</label>
                            <input
                              type="text"
                              class="form-control searchInp"
                              placeholder="请输入搜索的收件编号"
                            />
                          </div>
                          <div class="form-group">
                            <label for="">档案编号</label>
                            <input
                              type="text"
                              class="form-control searchInp2"
                              placeholder="请输入搜索的档案编号"
                            />
                          </div>
                        </div>
                        <div class="mid">
                          <div class="form-group">
                            <label for="">移库人员</label>
                            <input
                              type="text"
                              class="form-control searchInp3"
                              placeholder="请输入相关的移库人员"
                            />
                          </div>
                          <div class="form-group">
                            <label for="">操作时间</label>
                            <input
                              type="text"
                              class="form-control searchInp4"
                              placeholder="请输入搜索的时间"
                            />
                          </div>
                        </div>
                        
                      
                      </form>
                    </div>
                  </div>
                  <div class="count-area">
                    <button class="yiku1 searchBtn"><span class="yiku-span ">搜索档案</span></button>
        
                    <button class="yiku2  resetBtn" ><span class="yiku-span">重置搜索</span></button>
                  </div>
                  <div>
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>收件编号</th>
                                <th>档案编号</th>
                                <th>所在位置</th>
                                <th>原因</th>
                                <th>操作类型</th>
                                <th>操作人员</th>
                                <th>操作时间</th>
                            </tr>
                        </thead>
                        <tbody>
                             <!-- <tr>
                                <td><input type="checkbox" name="" id=""></td>
                                <td>20220704003</td>
                                <td>012022000001</td>
                                <td>001-001-01-01</td>
                                <td>退案</td>
                            </tr> 
                            -->
                           
                           
                           
                        </tbody>
                    </table>
                    <div style="text-align: center;">
                        <nav aria-label="Page navigation">
                            <ul class="pagination">
                                <li>
                                    <a  class="prev">
                                        <span>&laquo;</span>
                                    </a>
                                </li>
                                 <!-- <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li> -->
                                <li>
                                    <a  class="next">
                                        <span>&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
                </div>
                <div class="footer"></div>
              </div>

            </div>
            

        </div>
    </div>
    <!-- Modal -->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">移库信息</h4>
      </div>
      <div class="modal-body">
        <form>
          <div class="form-group">
            <label for="exampleInputEmail1">收件编号</label>
            <input type="text" class="form-control addId" id="exampleInputEmail1" placeholder="收件编号">
          </div>
          <div class="form-group">
            <label for="">档案编号</label>
            <input type="text" class="form-control addFile" id="exampleInputPassword1" placeholder="档案编号">
          </div>
          <div class="form-group">
            <label for="exampleInputPassword1">所在位置</label>
            <input type="text" class="form-control addLocation" id="exampleInputPassword1" placeholder="所在位置">
          </div>
          <div class="form-group">
            <label for="exampleInputPassword1">当前状态</label>
            <input type="text" class="form-control addState" id="exampleInputPassword1" placeholder="当前状态">
          </div>
          
          <!-- <div class="checkbox">
            <label>
              <input type="checkbox"> Check me out
            </label>
          </div> -->
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary addBtn">移库</button>
      </div>
    </div>
  </div>
</div>
<!-- 重置模态框 -->
<div class="modal fade" id="resetModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">修改信息</h4>
      </div>
      <div class="modal-body">
       
          您确定要重置吗
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary saveResetBtn">确认</button>
      </div>
    </div>
  </div>
</div>
</body>
<script src="../js/detail.js"></script>
<script src="../js/nav.js"></script>
<script src="../utils/jquery-3.6.0.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
    integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
    crossorigin="anonymous"></script>

</html>